<head>
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize.css'}" />
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize-custom.css'}" />
<script type="text/javascript" src="../../../public/javascripts/charting/js/visualize.jQuery.js"></script>
<script type="text/javascript" src="../../../public/javascripts/_shared/EnhanceJS/enhance.js"></script>	
<script type="text/javascript" src="../../../public/javascripts/charting/js/excanvas.js"></script>
</head>
<body>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        oTable = $('.display').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers"
        });
    } );
</script>
<script type="text/javascript">
$(function(){
	 $('.tie').visualize({type: 'pie', height: '300px', width: '420px'});
	});
</script>
#{list items:statsMoyen, as:'stats'}
#{if !stats.isEmpty()}
<table id="liste" class="display">
	<thead>
		<tr>
			<th>Moyen</th>
			<th>Nom</th>
			<th>Pr&eacute;nom</th>
			<th>Temps V&eacute;rification</th>
			<th>Temps Manoeuvre</th>
			<th>Temps d'intervention</th>
			<th>Temps total</th>
		</tr>
	</thead>
	<tbody>
		#{list items:stats, as:'stat' }
		<tr>
			<td>${stat.statistiques.get("Moyen")}</td>
			<td>${stat.agent.nom}</td>
			<td>${stat.agent.prenom}</td>
			#{if stat.statistiques.get("Verification").equals("0 h 0 min")}
			<td class="attention">
			#{/if}
			#{else}<td>#{/else}
			${stat.statistiques.get("Verification")}</td>
			#{if stat.statistiques.get("Manoeuvre").equals("0 h 0 min")}
			<td class="attention">
			#{/if}
			#{else}<td>#{/else}
			${stat.statistiques.get("Manoeuvre")}</td>
			#{if stat.statistiques.get("Intervention").equals("0 h 0 min")}
			<td class="attention">
			#{/if}
			#{else}<td>#{/else}
			${stat.statistiques.get("Intervention")}</td>
			<td>${stat.statistiques.get("Somme")}</td>
		</tr>
		#{/list}
	</tbody>
</table>
<br />
#{/if}
#{/list}
<p>
	<label><b> Total centre : </b></label>
	${totalString}
</p>
<br />
<table class="tie" style="display:none;">
	<caption>R&eacute;partition du temps de formation</caption>
	<thead>
		<tr>
			<td></td>
			<th scope="col">total</th>
		</tr>
	</thead>
	<tbody>

		<tr>
			<th scope="row">V&eacute;rification</th>
			<td>${infosRepartition.get(0)}</td>
		</tr>
		<tr>
			<th scope="row">Manoeuvre</th>
			<td>${infosRepartition.get(1)}</td>
		</tr>
		<tr>
			<th scope="row">Intervention</th>
			<td>${infosRepartition.get(2)}</td>
		</tr>
	</tbody>
</table>
<p><i>Les camemberts ne fonctionnent pas sous Internet Explorer. Pour les visionner, veuillez utiliser un autre navigateur.</i></p>
</body>